@keyframes rolling-0 {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rolling-1 {
  from {
    transform: translate3d(0, 0px, 0);
  }

  to {
    transform: translate3d(0, -36px, 0);
  }
}

@keyframes rolling-2 {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(0, -72px, 0);
  }
}

@keyframes rolling-3 {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(0, -108px, 0);
  }
}

@keyframes rolling-4 {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(0, -144px, 0);
  }
}

@keyframes rolling-5 {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(0, -180px, 0);
  }
}

@keyframes rolling-6 {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(0, -216px, 0);
  }
}

@keyframes rolling-7 {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(0, -252px, 0);
  }
}

@keyframes rolling-8 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, -288px, 0);
  }
}

@keyframes rolling-9 {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(0, -324px, 0);
  }
}

@keyframes box-ani {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(0, -60px, 0);
  }
}
/**
*rolling2
**/
@keyframes rolling2-0 {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rolling2-1 {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -26px, 0);
  }
}
@keyframes rolling2-2 {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -52px, 0);
  }
}
@keyframes rolling2-3 {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -78px, 0);
  }
}
@keyframes rolling2-4 {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -104px, 0);
  }
}
@keyframes rolling2-5 {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -130px, 0);
  }
}
@keyframes rolling2-6 {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -156px, 0);
  }
}
@keyframes rolling2-7 {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -182px, 0);
  }
}
@keyframes rolling2-8 {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -208px, 0);
  }
}
@keyframes rolling2-9 {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -234px, 0);
  }
}
